让我们开门见山：编写优秀的 CSS 代码是件十分痛苦的事情。很多开发人员都不想做 CSS 开发。你让我干什么都行，但是 CSS 还是算了吧。前端学习资料大礼包需要的加web前端的加群：965747894，我会免费分享给大家的哦在我创建应用的 ...

一、唯一定律无论有多少人共同参与同一项目，一定要确保每一行代码都像是唯一个人编写的。二、HTML2.1 语法（1）用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。（2）嵌套元素应当缩进一次（即两个空格） ...

语法: @media mediatype and|not|only (media feature) { CSS-Code; } </span ...

近年来前端工程师已经可以通过不同的css布局技巧制作出很复杂的布局。其中有些技巧有很长的历史（比如：floats）,也有一些是近几年才被青睐的(比如flexbox)。 在这篇文章中，我们会更加细致地探索一些鲜为人知的关于 CSS posit ...

最近看了下 vue3 的新 feature，里面讲到了一个新的模版 tag——Portal （传送门）。顾名思义，它能将某个节点传送到 DOM 树的任意位置。今天就讲讲传送门这个小知识。 Vue Portal Dialog 我们在写 htm ...

现在，Vue.js 在 Github 上得到的星星数已经超过了 React。这个框架的流行度在不断增长，由于它并没有像 Facebok（React）或 Google（Angular）那样的大公司支持，这种增长让人非常惊讶。我会在这篇文章里说 ...

前言循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。画个电池当然，电池充电，首先得用 CSS 画一个电池，这个不难，随便整一个： 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满 ...

在这篇文章中，我想跟你分享 20 条由 CSS 社区推荐的约定和最佳实践。 有些建议可能比较适合新手，而有些则更高级一些，但我希望每个人都可以在本篇文章中收获自己不知道的知识。 01、谨慎使用外边距属性 与其它的属性不同，垂直方向上的外边距 ...

在用脚手架初始化一个项目以后，我们还需要根据我们的项目来进行一些样式相关的处理。 panda-vue-template 手把手搭建vue小商城2.0 1、浏览器默认样式 大家都知道各个浏览器的默认样式都有一定的差异性，而我们需要抹掉这部分 ...

前言iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各 ...